<div class="layui-fluid">
    <style>
        .layui-table-tool,.layui-table-column.layui-table-page,.layui-table-main{
            background-color: white;
        }
    </style>
    <fieldset class="layui-elem-field layui-bg-white">
        <legend></legend>
        <div class="layui-field-box">
            <div  class="layui-form layui-row layui-col-space16 search-criteria" lay-filter="reset-val-filter">
                <div class="layui-col-md3">
                    <div class="layui-input-wrap">
                        <input type="text" name="domain" placeholder="域名" class="layui-input" lay-affix="clear" lay-filter="clear">
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-inline" id="ID-laydate-issuedAt">
                        <div class="layui-input-inline">
                            <input type="text" autocomplete="off" name="issuedAtStart" id="ID-issuedAtStart" class="layui-input" placeholder="申请时间-开始">
                        </div>
                        <span style="padding: 0 5px;">-</span>
                        <div class="layui-input-inline">
                            <input type="text" autocomplete="off" name="issuedAtEnd" id="ID-issuedAtEnd" class="layui-input" placeholder="申请时间-结束">
                        </div>
                    </div>
                </div>
                <div class="layui-col-md3">
                    <div class="layui-inline" id="ID-laydate-expiresAt">
                        <div class="layui-input-inline">
                            <input type="text" autocomplete="off" name="expiresAtStart" id="ID-expiresAtStart" class="layui-input" placeholder="到期时间-开始">
                        </div>
                        <span style="padding: 0 5px;">-</span>
                        <div class="layui-input-inline">
                            <input type="text" autocomplete="off" name="expiresAtEnd" id="ID-expiresAtEnd" class="layui-input" placeholder="到期时间-结束">
                        </div>
                    </div>
                </div>

                <div class="layui-btn-container layui-col-md3" style="text-align: center">
                    <button class="layui-btn layui-btn-sm" lay-submit lay-filter="table-search">查询</button>
                    <button id="reset" class="layui-btn layui-btn-sm layui-btn-primary">重置</button>
                    <!--<button class="layui-btn layui-btn-sm layui-btn-primary layui-hide" onclick="showInput(this)">
                        <i class="layui-icon layui-icon-down"></i>
                    </button>-->
                </div>
            </div>
        </div>
    </fieldset>
    <table class="layui-hide" id="certificate-list" lay-filter="certificate-list"></table>
    <script id="operateRow" type="text/html">
        <div class="layui-clear-space">
<!--            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="edit">编辑</a>-->
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="view">查看</a>
            <a class="layui-btn layui-btn-xs layui-btn-link" lay-event="del">删除</a>
        </div>
    </script>
    <script id="dictToolbar" type="text/html">
        <div class="layui-btn-container">
            <button class="layui-btn layui-btn-sm " lay-event="add"><i class="layui-icon layui-icon-add-circle"></i>添加</button>
            <button class="layui-btn layui-btn-sm " style="background-color: #31bdec;" lay-event="apply">申请证书</button>
            <button class="layui-btn layui-btn-sm " style="background-color: #31bdec;" lay-event="renew">续签证书</button>
        </div>
    </script>

    <script type="text/html" id="certificate_form">
        <div class="layui-form" lay-filter="certificate_form" id="lay-certificate-form" style="margin: 15px 40px 15px 10px;">
            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label">域名</label>
                <div class="layui-input-block">
                    <input type="text" name="domain" disabled value="" placeholder="请输入" lay-verify="required|domain" lay-vertype="tips" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">申请时间</label>
                <div class="layui-input-block">
                    <input type="text" name="issuedAt" disabled readonly autocomplete="off" placeholder="申请时间" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">到期时间</label>
                <div class="layui-input-block">
                    <input type="text" name="expiresAt" disabled readonly autocomplete="off" placeholder="到期时间" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea name="remark" value="" disabled placeholder="请输入" class="layui-textarea"></textarea>
                </div>
            </div>
        </div>
    </script>

</div>

<script type="text/javascript">
    {{#
        top.tools.loadscripts(["/js/page/business/ssl_certificate/ssl_certificate.js"], function () {
          templateViewInit();
        })
    }}
</script>